This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@marigold/components@10.0.0

Major Changes

• 65608b4: fix(DSTSUP-94): Adjust date unavailable property from <DatePicker>

  Breaking Change: Adjusted isDateUnavailable prop to our code guidelines dateUnavailable

  Added disabled styles for data-unavailable in both b2b and core theme

• caefbe4: refa(listbox): Allow sections in <Combobox> and <Autocomplete>, adjust Section API in <Select>, <Combobox> and <Autocomplete>.

  • Added the possibility to use sections with <Combobox> and <Autocomplete>

  • Refactored the <Section> (from <Listbox>) to fit our API, no need for the extra <Header> anymore. Instead you can do <Select.Section header="My header">, same for the other components

  • Renamed <Item> to <Option> in <Combobox> and <Autocomplete> to align with <Select>

  • Updated the docs for <Select>, <Combobox> and <Autocomplete>

  • Updated Storybook for <Select>, <Combobox> and <Autocomplete> with section stories

  • Renamed the part of the <ListBox> accordingly (from sectionTitle to header)

    BREAKING CHANGE: We changed the API of the <Section> component that is used in <Select>, <Combobox> and <Autocomplete>. It is no longer necessary to add a Header within the <Section>.

    Use the newly added header prop instead. Additionally, to unify the APIs all choices of <Select>, <Combobox> and <Autocomplete> are now called <Option> instead of <Item>.

• 2d9917f: Breaking changes

  • Dialog.Headline has been renamed to Dialog.Title. Please update your code accordingly.
  • <Dialog.Content> and <Dialog.Actions> have been introduced for better organization and flexibility.
  • The internal layout now uses grid areas, ensuring consistent ordering and layout of the dialog elements.
  • Existing implementations of the <Dialog> component will need to be updated to use these new subcomponents.

Minor Changes

• 6f8e3a2: style(dialog): make <Dialog> sizes responsive

  Using size with a <Dialog> will allow the dialog to be at most sm/md/lg wide. Will use full width on smaller screens.

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

• 2babc0b: feat(components): Mark layout components as regions for accessibility.

  Added the ability to mark layout components as regions (ARIA role). This improves accessibility by allowing assistive technologies to identify significant sections of the page, making navigation easier for users with disabilities.

• 956982a: feat(components): Make <Text> and <Headline> accessible by allowing ARIA labelling props

  <Text> and <Headline> will no longer cause type errors when ARIA labelling is used (aria-label, id, ...).

• df04623: Adding size to dialog component

Patch Changes

• 7ea3838: feat(Menu): pass aria-label to menu button instead of menu

• f18c8aa: DST-494: add loading states pattern

  DST-494: added prop modeto the <XLoader /> to support inline and full-section loading

• d5386e4: fix(components): Display <Checkbox> focus ring and adjust focus ring of <Table>

  Focus ring was not showing for the <Checkbox>. It does now!

• 5c029ec: feat(components): Expose Selection type for easy usage with Table and other components

  When working with a <Table> you can now use

  import type { Selection } from '@marigold/components';

  instead of creating the type.

• 2169b6f: bugfix([DSTSUP-92]): fixed variants in table stories

  At certain stories the control variants doesn't worked properly. Now it should work at least for all table stories.

• bfd2843: chore: refa <Text> component. Based on the slot property it now takes the RAC text or not. Needed to prevent other components breaking.

• 0e77996: docs([DST-572]): Adding a general form guideline in docs explaining different concepts such as when to use lable and help text

• b8cd92a: feat: CheckboxGroup can now be used as a compound component

  • Refactored the CheckboxGroup to be a compound component and align it with other components: <CheckboxGroup> -> <Checkbox.Group>
  • Adjusted the Checkbox appearance demo a bit

• 45fb3c4: chore(deps): update react-aria to 1.4

• f6a132c: docs([DST-582]): revise <SectionMessage> page according to new component page structure
  feat(components): add close button on <SectionMessage>

  Revised the <SectionMessage> documentation page to our new layout of component pages. And added a close button to allow the user to dismiss the <SectionMessage> this is now aligned with our feedback message pattern.

• Updated dependencies [caefbe4]

• Updated dependencies [6687af7]

• Updated dependencies [2babc0b]

• Updated dependencies [45fb3c4]

• Updated dependencies [956982a]

  • @marigold/system@10.0.0
  • @marigold/types@1.2.0
  • @marigold/icons@1.2.58

@marigold/system@10.0.0

Major Changes

• caefbe4: refa(listbox): Allow sections in <Combobox> and <Autocomplete>, adjust Section API in <Select>, <Combobox> and <Autocomplete>.

  • Added the possibility to use sections with <Combobox> and <Autocomplete>

  • Refactored the <Section> (from <Listbox>) to fit our API, no need for the extra <Header> anymore. Instead you can do <Select.Section header="My header">, same for the other components

  • Renamed <Item> to <Option> in <Combobox> and <Autocomplete> to align with <Select>

  • Updated the docs for <Select>, <Combobox> and <Autocomplete>

  • Updated Storybook for <Select>, <Combobox> and <Autocomplete> with section stories

  • Renamed the part of the <ListBox> accordingly (from sectionTitle to header)

    BREAKING CHANGE: We changed the API of the <Section> component that is used in <Select>, <Combobox> and <Autocomplete>. It is no longer necessary to add a Header within the <Section>.

    Use the newly added header prop instead. Additionally, to unify the APIs all choices of <Select>, <Combobox> and <Autocomplete> are now called <Option> instead of <Item>.

Minor Changes

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

Patch Changes

• 45fb3c4: chore(deps): update react-aria to 1.4
• Updated dependencies [2babc0b]
• Updated dependencies [956982a]
  • @marigold/types@1.2.0

@marigold/theme-b2b@28.0.0

Major Changes

• caefbe4: refa(listbox): Allow sections in <Combobox> and <Autocomplete>, adjust Section API in <Select>, <Combobox> and <Autocomplete>.

  • Added the possibility to use sections with <Combobox> and <Autocomplete>

  • Refactored the <Section> (from <Listbox>) to fit our API, no need for the extra <Header> anymore. Instead you can do <Select.Section header="My header">, same for the other components

  • Renamed <Item> to <Option> in <Combobox> and <Autocomplete> to align with <Select>

  • Updated the docs for <Select>, <Combobox> and <Autocomplete>

  • Updated Storybook for <Select>, <Combobox> and <Autocomplete> with section stories

  • Renamed the part of the <ListBox> accordingly (from sectionTitle to header)

    BREAKING CHANGE: We changed the API of the <Section> component that is used in <Select>, <Combobox> and <Autocomplete>. It is no longer necessary to add a Header within the <Section>.

    Use the newly added header prop instead. Additionally, to unify the APIs all choices of <Select>, <Combobox> and <Autocomplete> are now called <Option> instead of <Item>.

• 2d9917f: Breaking changes

  • Dialog.Headline has been renamed to Dialog.Title. Please update your code accordingly.
  • <Dialog.Content> and <Dialog.Actions> have been introduced for better organization and flexibility.
  • The internal layout now uses grid areas, ensuring consistent ordering and layout of the dialog elements.
  • Existing implementations of the <Dialog> component will need to be updated to use these new subcomponents.

Minor Changes

• 6f8e3a2: style(dialog): make <Dialog> sizes responsive

  Using size with a <Dialog> will allow the dialog to be at most sm/md/lg wide. Will use full width on smaller screens.

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

• df04623: Adding size to dialog component

Patch Changes

• 65608b4: fix(DSTSUP-94): Adjust date unavailable property from <DatePicker>

  Breaking Change: Adjusted isDateUnavailable prop to our code guidelines dateUnavailable

  Added disabled styles for data-unavailable in both b2b and core theme

• 5798b4d: style(b2b): Adjust disabled label color

  Labels where unreadyble when the field was disabled. They had a really bad constrast on the white background. Use regular text color instead.

• f6a132c: docs([DST-582]): revise <SectionMessage> page according to new component page structure
  feat(components): add close button on <SectionMessage>

  Revised the <SectionMessage> documentation page to our new layout of component pages. And added a close button to allow the user to dismiss the <SectionMessage> this is now aligned with our feedback message pattern.

• Updated dependencies [65608b4]

• Updated dependencies [caefbe4]

• Updated dependencies [2d9917f]

• Updated dependencies [6f8e3a2]

• Updated dependencies [7ea3838]

• Updated dependencies [6687af7]

• Updated dependencies [2babc0b]

• Updated dependencies [f18c8aa]

• Updated dependencies [d5386e4]

• Updated dependencies [5c029ec]

• Updated dependencies [2169b6f]

• Updated dependencies [bfd2843]

• Updated dependencies [0e77996]

• Updated dependencies [b8cd92a]

• Updated dependencies [45fb3c4]

• Updated dependencies [f6a132c]

• Updated dependencies [956982a]

• Updated dependencies [df04623]

  • @marigold/components@10.0.0
  • @marigold/system@10.0.0
  • @marigold/theme-preset@1.3.23

@marigold/theme-core@27.0.0

Major Changes

• 2d9917f: Breaking changes

  • Dialog.Headline has been renamed to Dialog.Title. Please update your code accordingly.
  • <Dialog.Content> and <Dialog.Actions> have been introduced for better organization and flexibility.
  • The internal layout now uses grid areas, ensuring consistent ordering and layout of the dialog elements.
  • Existing implementations of the <Dialog> component will need to be updated to use these new subcomponents.

Minor Changes

• 6f8e3a2: style(dialog): make <Dialog> sizes responsive

  Using size with a <Dialog> will allow the dialog to be at most sm/md/lg wide. Will use full width on smaller screens.

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

• f3f0ea0: With the changes of the <Dialog> component, we also needed to update they docs page.

Patch Changes

• 65608b4: fix(DSTSUP-94): Adjust date unavailable property from <DatePicker>

  Breaking Change: Adjusted isDateUnavailable prop to our code guidelines dateUnavailable

  Added disabled styles for data-unavailable in both b2b and core theme

• 8c539d3: style(core): adjust the underlay color to be darker

• d5386e4: fix(components): Display <Checkbox> focus ring and adjust focus ring of <Table>

  Focus ring was not showing for the <Checkbox>. It does now!

• f6a132c: docs([DST-582]): revise <SectionMessage> page according to new component page structure
  feat(components): add close button on <SectionMessage>

  Revised the <SectionMessage> documentation page to our new layout of component pages. And added a close button to allow the user to dismiss the <SectionMessage> this is now aligned with our feedback message pattern.

• Updated dependencies [65608b4]

• Updated dependencies [caefbe4]

• Updated dependencies [2d9917f]

• Updated dependencies [6f8e3a2]

• Updated dependencies [7ea3838]

• Updated dependencies [6687af7]

• Updated dependencies [2babc0b]

• Updated dependencies [f18c8aa]

• Updated dependencies [d5386e4]

• Updated dependencies [5c029ec]

• Updated dependencies [2169b6f]

• Updated dependencies [bfd2843]

• Updated dependencies [0e77996]

• Updated dependencies [b8cd92a]

• Updated dependencies [45fb3c4]

• Updated dependencies [f6a132c]

• Updated dependencies [956982a]

• Updated dependencies [df04623]

  • @marigold/components@10.0.0
  • @marigold/system@10.0.0
  • @marigold/theme-preset@1.3.23

@marigold/types@1.2.0

Minor Changes

• 2babc0b: feat(components): Mark layout components as regions for accessibility.

  Added the ability to mark layout components as regions (ARIA role). This improves accessibility by allowing assistive technologies to identify significant sections of the page, making navigation easier for users with disabilities.

• 956982a: feat(components): Make <Text> and <Headline> accessible by allowing ARIA labelling props

  <Text> and <Headline> will no longer cause type errors when ARIA labelling is used (aria-label, id, ...).

@marigold/theme-docs@2.2.0

Minor Changes

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

Patch Changes

• 165e184: style(docs): Improve whitespace of p

  Removed the top margin because this lead to some weird extra whitespace.

• 9ff555b: docs: add landing page to the site

• Updated dependencies [65608b4]

• Updated dependencies [caefbe4]

• Updated dependencies [2d9917f]

• Updated dependencies [6f8e3a2]

• Updated dependencies [7ea3838]

• Updated dependencies [6687af7]

• Updated dependencies [2babc0b]

• Updated dependencies [f18c8aa]

• Updated dependencies [d5386e4]

• Updated dependencies [5c029ec]

• Updated dependencies [2169b6f]

• Updated dependencies [bfd2843]

• Updated dependencies [0e77996]

• Updated dependencies [b8cd92a]

• Updated dependencies [45fb3c4]

• Updated dependencies [f6a132c]

• Updated dependencies [956982a]

• Updated dependencies [df04623]

  • @marigold/components@10.0.0
  • @marigold/system@10.0.0
  • @marigold/theme-preset@1.3.23

@marigold/storybook-config@1.1.50

Patch Changes

• Updated dependencies [65608b4]
• Updated dependencies [caefbe4]
• Updated dependencies [2d9917f]
• Updated dependencies [6f8e3a2]
• Updated dependencies [7ea3838]
• Updated dependencies [6687af7]
• Updated dependencies [2babc0b]
• Updated dependencies [8c539d3]
• Updated dependencies [f18c8aa]
• Updated dependencies [d5386e4]
• Updated dependencies [5798b4d]
• Updated dependencies [5c029ec]
• Updated dependencies [2169b6f]
• Updated dependencies [bfd2843]
• Updated dependencies [0e77996]
• Updated dependencies [b8cd92a]
• Updated dependencies [45fb3c4]
• Updated dependencies [f6a132c]
• Updated dependencies [956982a]
• Updated dependencies [df04623]
• Updated dependencies [f3f0ea0]
  • @marigold/components@10.0.0
  • @marigold/theme-b2b@28.0.0
  • @marigold/theme-core@27.0.0

@marigold/icons@1.2.58

Patch Changes

• Updated dependencies [caefbe4]
• Updated dependencies [6687af7]
• Updated dependencies [45fb3c4]
  • @marigold/system@10.0.0

@marigold/theme-preset@1.3.23

Patch Changes

• Updated dependencies [caefbe4]
• Updated dependencies [6687af7]
• Updated dependencies [45fb3c4]
  • @marigold/system@10.0.0

@marigold/docs@10.0.0

Major Changes

• caefbe4: refa(listbox): Allow sections in <Combobox> and <Autocomplete>, adjust Section API in <Select>, <Combobox> and <Autocomplete>.

  • Added the possibility to use sections with <Combobox> and <Autocomplete>

  • Refactored the <Section> (from <Listbox>) to fit our API, no need for the extra <Header> anymore. Instead you can do <Select.Section header="My header">, same for the other components

  • Renamed <Item> to <Option> in <Combobox> and <Autocomplete> to align with <Select>

  • Updated the docs for <Select>, <Combobox> and <Autocomplete>

  • Updated Storybook for <Select>, <Combobox> and <Autocomplete> with section stories

  • Renamed the part of the <ListBox> accordingly (from sectionTitle to header)

    BREAKING CHANGE: We changed the API of the <Section> component that is used in <Select>, <Combobox> and <Autocomplete>. It is no longer necessary to add a Header within the <Section>.

    Use the newly added header prop instead. Additionally, to unify the APIs all choices of <Select>, <Combobox> and <Autocomplete> are now called <Option> instead of <Item>.

Minor Changes

• 6687af7: refa: remove footer from <Dialog> + allow styles

  • dialogs can only have action now
  • align buttons in <Dialog.Actions> correctly

• f3f0ea0: With the changes of the <Dialog> component, we also needed to update they docs page.

Patch Changes

• 4818227: docs([DST-570]): Added "Release" pages to our documentation

  We now create for each changelog a page on our documentation, it is also possible to create release blog posts.
  With these pages we improve communication, enhance user experience, and ensure all users have easy access to the latest updates in one central location.

• f18c8aa: DST-494: add loading states pattern

  DST-494: added prop modeto the <XLoader /> to support inline and full-section loading

• e83566d: docs: remove examples from checkbox page and add guidline section

  • removed the examples section
  • add a guidline about the difference between a checkbox and a switch
  • site clean up

• 9ff555b: docs: add landing page to the site

• 0e77996: docs([DST-572]): Adding a general form guideline in docs explaining different concepts such as when to use lable and help text

• 380704d: docs[DST-519]: Clean up Marigold Docs/ Improve Navigation

  • deleted old files (scripts, about , release)
  • updated some faqs
  • improved the navigation structure
  • added overview pages
  • improved folder structure in code (a bit)
  • adjust some links

• b8cd92a: feat: CheckboxGroup can now be used as a compound component

  • Refactored the CheckboxGroup to be a compound component and align it with other components: <CheckboxGroup> -> <Checkbox.Group>
  • Adjusted the Checkbox appearance demo a bit

• a582035: docs: Update the MarigoldProvider page

  Updated the MarigoldProvider page according to our new page layout and information.

• fab9442: docs(Combobox): add info that section headers are not included wehen filtering

• 45fb3c4: chore(deps): update react-aria to 1.4

• f6a132c: docs([DST-582]): revise <SectionMessage> page according to new component page structure
  feat(components): add close button on <SectionMessage>

  Revised the <SectionMessage> documentation page to our new layout of component pages. And added a close button to allow the user to dismiss the <SectionMessage> this is now aligned with our feedback message pattern.

• f85bb04: docs: Apply root styles to overlay portal so they are displayed correctly.

  Overlay components (e.g. <Dialog> did not display correctly in the docs.

• Updated dependencies [65608b4]

• Updated dependencies [caefbe4]

• Updated dependencies [165e184]

• Updated dependencies [2d9917f]

• Updated dependencies [6f8e3a2]

• Updated dependencies [7ea3838]

• Updated dependencies [6687af7]

• Updated dependencies [2babc0b]

• Updated dependencies [8c539d3]

• Updated dependencies [f18c8aa]

• Updated dependencies [d5386e4]

• Updated dependencies [5798b4d]

• Updated dependencies [5c029ec]

• Updated dependencies [2169b6f]

• Updated dependencies [bfd2843]

• Updated dependencies [9ff555b]

• Updated dependencies [0e77996]

• Updated dependencies [b8cd92a]

• Updated dependencies [45fb3c4]

• Updated dependencies [f6a132c]

• Updated dependencies [956982a]

• Updated dependencies [df04623]

• Updated dependencies [f3f0ea0]

  • @marigold/components@10.0.0
  • @marigold/theme-b2b@28.0.0
  • @marigold/theme-core@27.0.0
  • @marigold/system@10.0.0
  • @marigold/theme-docs@2.2.0
  • @marigold/icons@1.2.58
  • @marigold/theme-preset@1.3.23